/*================================================================

This file is to style the internal looks of the application. Will only applied once user logged in. 

==============================================================================*/

/*-=================styling the menue================*/
/*main nav container*/
.navigation{
	background: #e7eee7
	-moz-box-shadow: 0 0 5px 5px #DAE0CD;
	-webkit-box-shadow: 0 0 5px 5px #DAE0CD;
	box-shadow: 0 0 5px 5px #DAE0CD;
	/*padding: 0 10px;*/
}

	/*top menu*/
.navigation a{
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;

}
.top-menu{
	float: right;
	height:30px;
	background: #EBE7EE;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border: 1px solid #DAE0CD;
	padding: 0 10px;

}

	ul.top-menu-items li {
		float: left;
		display: inline;
		margin: 0 20px; 
	}
		ul.top-menu-items li span{
			color:red;
			font-size: 12px;
			font-weight: bold;
		}
		ul.top-menu-items li span a.loggedin-user{
			color:#333;
			padding: 0 5px;
			margin-left:0;
		}
.navigation .logo{
	float: left;
	padding: 0 10px;
}
	.navigation .logo img{
		height: 35px;
	}
	.navigation .logo img:hover{
		opacity: 0.8;
		background: #8bad8b;
	}
		/*----end of top menu---styling*/
/*---------styling main menu-------------*/
.menu-wrapper{
	width:100%;
	background: #BDD2FF;
	display: block;
	float: none;
	white-space: nowrap;
	margin:10px auto 0 auto;
	padding: 0 10px;
	*height: 40px;
}
	.menu, #menu {
		width: 90%;
		display: block;
		margin: 0 auto;
	}















.interstial-page{
	padding:0;
}
.header h1{
	font-size: 2.0rem;
	margin:0;
}
	.internal-navbar.navbar > ul > li > a{
		font-size: 15px;
	}
	.internal-navbar.navbar{
		margin-bottom: 0;
	}

/* ---------*/
.caption{
	display: none;
}

/*styling the workspace*/
.workspace{
	background:#FBFDFC;
	padding:10px;
}
	.ie7 .workspace, .ie6 .workspace, .ie8 .workspace{
		border:1px solid #DFE4D4;
	}


/*styling the bottom nav*/
.bottom-navbar{
	height: 30px;
	margin: 20px auto 10px auto;
	float: none;
	display: block;	
	border-top: 1px solid #E1E8D9;
	padding:10px;
	width:50%;
}
	.bottom-navbar ul{
		text-align: center;
	}
		.bottom-navbar ul li{
			display: inline-block;
			display: inline;
			margin: 0 15px;
			font-size: 12px;
			line-height: 24px;
			font-weight: bold;
		}
		.bottom-navbar ul li a:hover{
			color:#26d09a;
			font-weight: bold;
		}
/*===========================styling job page ================= */
.description-page{
	background: #F6E4CC;
	padding: 10px 12px;
}
	/*job page save, edit, cancel, email nav*/
	.job-nav, .painter-nav{
		background: #628b61;
		height: 30px;
		display: block;
		font: left;
		padding: 4px 10px;
	}
		.job-nav ul li, .painter-nav ul li{
			display: inline;
			margin: 0 15px;
		}
		.job-nav ul li a , .painter-nav ul li a {
			color:#000;
			font-weight:normal;
			padding: 3px 8px;
			background: #C7E1BA;
			border-radius: 4px;
			box-shadow: 1px 1px #397249;
		}
		.job-nav ul li a:hover,.painter-nav ul li a:hover{
			opacity: 0.8;
			background: #a0cfad;
		}

		.job-description-txt{
			background: #e9e9e9;
			padding: 5px;
		}
	/*job page details widgets*/
.job-info{
	display: block;
	background: #f0d2ab;
	padding: 5px;
	margin: 10px 0;
}
	.job-info-attribute, .job-status-attribute{
		background: #d7d7d7;
		padding: 3px;
	}
	.job-info-bottom{
		border-bottom: 1px solid #d7d7d7;
	}
	.job-info span{
		margin:0 15px;
		float: left;
	}
		.job-info span p{
			text-align: center;
		}
	.job-assign-status{
		display: block;
		margin:20px 0;
	}
		.job-assign-status span{
			float: left;
			margin:0 15px;
		}
/*==============================styling painter description====================*/
.contact-details{
	font-size: 12px;
}
	.contact{
		float: left;
		width:31%;
	}
		.contact span{
			font-weight: bold;
		}
	.job-status{
		float: left;
		width:31%;
	}
		.job-status ul li {
			margin:5px 0;
			padding: 0;
			font-weight: bold;
		}
	.work-availability{
		width: 31%;
		float: left;
	}
	.painter-description h5{
		font-weight: bold;
	}